<template>
	 <view class="coreshop-flex coreshop-flex-direction-column card">
			<view class="coreshop-flex coreshop-flex-direction-row coreshop-justify-between">
				<view class="plan-title">
					{{planInfo.gzjh || '--'}}
				</view> 
				<u-tag :text="planType || '--'" plain shape="circle"></u-tag>
			</view>
			<view class="coreshop-flex plan-auth u-flex">
				<view class="head-box">{{planInfo.addAccName[0]}}</view>
					{{planInfo.addAccName || '--'}}
				<text class="update-time">最新修改时间：{{$common.longDateFormate(planInfo.chgTime) || '--'}}</text>
			</view>
	</view>
</template>

<script>
	export default{
		data(){
			return { 
			}
		},
		props:{
			planType:{
				type:String ,
				default: '',
			},
			planInfo:{
				type:Object,
				default:{}
			}
		} 
	}
</script>

<style lang="scss" scoped>
	.plan-title{
		font-size: 28rpx;
		color: #333;
		margin-right: 10rpx;
	}
	.head-box{
		width: 41rpx;
		height: 41rpx;
		background-color: #2A8FFC;
		border-radius: 50%;
		font-size: 24rpx;
		color: #fff;
		text-align: center;
		line-height: 38rpx;
		margin-right: 9rpx;
	}
	.plan-auth{
		font-size: 26rpx;
		color: #333333;
		margin-top: 20rpx;
		.update-time{
			color: #A7AAB0;
			margin-left: 17rpx;
		}
	}
	.card{
		border: 1px solid #F7F7F7;background-color: #FFFFFF;border-radius:20rpx;height: 160rpx;margin: 20rpx;padding:20rpx;
	}
</style>
